.VisualDiff {

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	background: var(--BACKGROUND_COLOR);
	color: var(--TEXT_COLOR);

	*{
		flex-shrink: 0;
	}

	.jsondiffpatch-delta {
		font-family: 'Courier New', Monaco;
		font-size: 1.0em;
		padding: 12px;
		margin: 0;
		display: inline-block;
	}

	.jsondiffpatch-delta pre {
		font-family: 'Courier New', Monaco;
		font-size: 1.0em;
		margin: 0;
		padding: 2px 3px;
		border-radius: 3px;
		position: relative;
		white-space: pre;
		color: var(--TEXT_COLOR);
		display: inline-block;
	}

	ul.jsondiffpatch-delta {
		list-style-type: none;
		padding: 0 0 0 20px;
		margin: 0;
	}

	.jsondiffpatch-delta ul {
		list-style-type: none;
		padding: 0 0 0 20px;
		margin: 0;
	}

	.jsondiffpatch-modified .jsondiffpatch-right-value:before {
		vertical-align: top;
		padding: 2px;
		color: var(--DIFF_ARROW_COLOR);
		content: ' => ';
	}

	.jsondiffpatch-added .jsondiffpatch-value pre,
	.jsondiffpatch-modified .jsondiffpatch-right-value pre,
	.jsondiffpatch-textdiff-added {
		background:var(--DIFF_ADD_COLOR);
	}

	.jsondiffpatch-deleted pre,
	.jsondiffpatch-modified .jsondiffpatch-left-value pre,
	.jsondiffpatch-textdiff-deleted {
		background:var(--DIFF_REMOVE_COLOR);
		text-decoration: line-through;
	}

	.jsondiffpatch-unchanged,
	.jsondiffpatch-movedestination {
		color: gray;
	}
/*
	.jsondiffpatch-unchanged,.jsondiffpatch-delta ul > li{
		display: flex;
	}*/

	.jsondiffpatch-unchanged, 
	.jsondiffpatch-modified,
	.jsondiffpatch-deleted,
	.jsondiffpatch-added
	{
		display: flex;
		flex-shrink: 0;
		align-items: flex-start;
	}

	.jsondiffpatch-unchanged,
	.jsondiffpatch-movedestination>.jsondiffpatch-value {
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}

	.jsondiffpatch-unchanged-showing .jsondiffpatch-unchanged,
	.jsondiffpatch-unchanged-showing .jsondiffpatch-movedestination>.jsondiffpatch-value {
		max-height: 100px;
	}

	.jsondiffpatch-unchanged-hidden .jsondiffpatch-unchanged,
	.jsondiffpatch-unchanged-hidden .jsondiffpatch-movedestination>.jsondiffpatch-value {
		max-height: 0;
	}

	.jsondiffpatch-unchanged-hiding .jsondiffpatch-movedestination>.jsondiffpatch-value,
	.jsondiffpatch-unchanged-hidden .jsondiffpatch-movedestination>.jsondiffpatch-value {
		display: block;
	}

	.jsondiffpatch-unchanged-visible .jsondiffpatch-unchanged,
	.jsondiffpatch-unchanged-visible .jsondiffpatch-movedestination>.jsondiffpatch-value {
		max-height: 100px;
	}

	.jsondiffpatch-unchanged-hiding .jsondiffpatch-unchanged,
	.jsondiffpatch-unchanged-hiding .jsondiffpatch-movedestination>.jsondiffpatch-value {
		max-height: 0;
	}

	.jsondiffpatch-unchanged-showing .jsondiffpatch-arrow,
	.jsondiffpatch-unchanged-hiding .jsondiffpatch-arrow {
		display: none;
	}

	.jsondiffpatch-value {
		display: inline-block;
	}

	.jsondiffpatch-property-name {
		display: inline-block;
		padding: 2px 0;
		padding-right: 5px;
		vertical-align: top;
		color: var(--LABEL_COLOR);
	}

	.jsondiffpatch-property-name:after {
		content: ': ';
		color: var(--TEXT_COLOR);
	}

	.jsondiffpatch-child-node-type-array>.jsondiffpatch-property-name:after {
		content: ': [';
	}

	.jsondiffpatch-child-node-type-array:after {
		content: '],';
	}

	div.jsondiffpatch-child-node-type-array:before {
		content: '[';
	}

	div.jsondiffpatch-child-node-type-array:after {
		content: ']';
	}

	.jsondiffpatch-child-node-type-object>.jsondiffpatch-property-name:after {
		content: ': {';
	}

	.jsondiffpatch-child-node-type-object:after {
		content: '},';
	}

	div.jsondiffpatch-child-node-type-object:before {
		content: '{';
	}

	div.jsondiffpatch-child-node-type-object:after {
		content: '}';
	}

	.jsondiffpatch-value pre:after {
		color: var(--TEXT_COLOR);
		content: ',';
	}

	li:last-child>.jsondiffpatch-value pre:after,
	.jsondiffpatch-modified>.jsondiffpatch-left-value pre:after {
		content: '';
	}

	.jsondiffpatch-modified .jsondiffpatch-value {
		display: inline-block;
	}

	.jsondiffpatch-modified .jsondiffpatch-right-value {
		margin-left: 5px;
	}

	.jsondiffpatch-moved .jsondiffpatch-value {
		display: none;
	}

	.jsondiffpatch-moved .jsondiffpatch-moved-destination {
		align-items: center;
		background: #ffffbb;
		color: #888;
	}

	.jsondiffpatch-moved .jsondiffpatch-moved-destination:before {
		content: ' => ';
	}

	ul.jsondiffpatch-textdiff {
		padding: 0;
	}

	.jsondiffpatch-textdiff-location {
		color: #bbb;
		display: inline-block;
		min-width: 60px;
	}

	.jsondiffpatch-textdiff-line {
		display: inline-block;
	}

	.jsondiffpatch-textdiff-line-number:after {
		color: #FFFFFF;
		content: ',';
	}

	.jsondiffpatch-error {
		background: red;
		color: white;
		font-weight: bold;
	}
}